<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <title>Task2</title>
  <link rel="stylesheet" type="text/css" href="css/style.css" media="all"/>
  <link rel="stylesheet" type="text/css" href="css/index.css" media="all"/>
</head>
<body>
<div class="main">
  <div class="main_squire">
    <div class="red_squire first"></div>
    <div class="red_squire second"></div>
    <div class="clear"></div>
    <div class="center_squire"></div>
    <div class="red_squire third"></div>
    <div class="red_squire fourth"></div>
    <div class="clear"></div>
  </div>
</div>
<!-- Here custom markup begins -->
<!-- Here custom markup ends -->
</body>
</html>